<template>
  <div class="home">
    <p>{{ obj.username }}</p>
    <button @click="changeMsg">改变数据</button>
  </div>
</template>

<!-- setup新写法 -->
<script setup>
import { reactive } from 'vue'

// 1.reactive使数据成为响应式
// reactive:可以设置对象成为响应式
let obj = reactive({
  id: '1001',
  username: '小王'
});

let changeMsg = () => {
  console.log('修改数据');
  // 不需要加value
  obj.username = '修改小杨'

}

</script>
